<extend name="./Application/Home/View/Layouts/application.html"/>

<block name="content">
    <div class="index">
        <div class="slick meun">

            <volist name="product_tops" id="product_top">
                <a href="{{:U('Index/show',['id'=>$product_top[id]])}}"><img class="img-responsive" src="{{$product_top.thumb}}" style="width: 354px;height: 222px;"/></a>
            </volist>

        </div>

        <ul class="nav">
            <li><a href="{{:U('Index/all')}}">全部商品</a></li>
            <li><a href="{{:U('Index/category')}}">商品分类</a></li>
        </ul>

        <h3>新品推荐</h3>

        <div class="products">

            <foreach name="product_news" item="product_new">
                <dl>
                    <dt>
                        <a href="{{:U('Index/show',['id'=>$product_new[id]])}}">
                            <img class="img-responsive" src="{{$product_new.thumb}}" alt="商品图片"
                                 style="width: 152px;height: 92px;"/>
                        </a>
                    </dt>
                    <dd>
                        <a href="{{:U('Index/show',['id'=>$product_new[id]])}}">{{$product_new.name}}</a>
                        <span>已售 {{$product_new.sale_done}}</span>
                    </dd>
                    <dd class="label">库存 {{$product_new.stock}}</dd>
                    <dd>¥ {{$product_new.price}}元</dd>
                </dl>
            </foreach>

        </div>

        <h3>热销商品</h3>

        <div class="products">

            <volist name="product_hots" id="product_hot">
                <dl>
                    <dt><a href="{{:U('Index/show',['id'=>$product_hot[id]])}}">
                        <img class="img-responsive" src="{{$product_hot.thumb}}" alt="商品图片"
                             style="width: 152px;height: 92px;"/></a>
                    </dt>
                    <dd><a href="{{:U('Index/show',['id'=>$product_hot[id]])}}">{{$product_hot.name}}</a><span>已售 12</span></dd>
                    <dd class="label">库存 {{$product_hot.stock}}</dd>
                    <dd>¥ {{$product_hot.price}}元</dd>
                </dl>
            </volist>
        </div>

        <h3>精品推荐</h3>

        <div class="products">

            <volist name="product_recommends" id="product_recommend">
                <dl>
                    <dt><a href="{{:U('Index/show',['id'=>$product_recommend[id]])}}">
                        <img class="img-responsive" src="{{$product_recommend.thumb}}" alt="商品图片"
                             style="width: 152px;height: 92px;"/></a>
                    </dt>
                    <dd><a href="{{:U('Index/show',['id'=>$product_recommend[id]])}}">{{$product_recommend.name}}</a><span>已售 12</span></dd>
                    <dd class="label">库存 {{$product_recommend.stock}}</dd>
                    <dd>¥ {{$product_recommend.price}}元</dd>
                </dl>
            </volist>

        </div>
    </div>
</block>


